page{
	background: #F7F7F7;
}
.containers{

	.bg{
		width: 560rpx;
		height: 260rpx;
		margin: auto; 
		margin-top: 50rpx;
	 
		image{
			width: 560rpx;
		}
	}
	.item-invite{
		width: 536rpx;
		margin: auto;
		margin-top: 50rpx; 
		.title{ 
			width: 536rpx;
			font-size: 36rpx; 
			font-weight: 700;
			text-align: center;
			color: #222222;
			
		}
		.desc{ 
			width: 536rpx;
			font-size: 28rpx; 
			text-align: center;
			color: #707070;
			line-height: 22px;
			margin-top: 40rpx;
			margin-bottom: 100rpx;
		}
		.wx-invite{
			width: 536rpx;
			height: 100rpx;
			background: #22de7c;
			border-radius: 50rpx;
			color: #FFFFFF;
			font-size: 32rpx;
			text-align: center;
			line-height: 100rpx;
		}
	}
	
	.item-change{
		width: 600rpx; 
		background: #F4F5F1;
		border-radius: 20rpx;
		margin: auto;
		padding: 32rpx;
		padding-bottom: 60rpx;
		.title{ 
			font-size: 32rpx; 
			font-weight: 700; 
			color: #222222;
			margin-bottom: 40rpx;
		}
		.desc{
			width: 500rpx;
			font-size: 32rpx; 
			text-align: center;
			color: #222222;
			line-height: 22px;
			margin: auto;
			margin-top: 40rpx;
			margin-bottom: 100rpx;
			line-height: 50rpx;
		}
		.change-list{ 
			border-radius: 20rpx;
			margin: auto;
			margin-bottom: 80rpx;
			display: flex; 
			flex-wrap: wrap; 
			.list-item{
				text-align: center;
				width: 120rpx;
				margin: 0 40rpx;
				margin-bottom: 30rpx;
				 
				.img{
					width: 120rpx;
					height: 120rpx; 
					margin-bottom: 15rpx;
					border: 3px #FFFFFF solid;
					border-radius: 40px;
					position: relative;
					image{ 
						width: 120rpx;
						height: 120rpx;
					 }
					 .active{
					 	width: 120rpx; height: 120rpx; position: absolute;top: 0; left: 0;
					 }
				}
				 
			}
			 
			.clear-right-margin{
				margin-right: 0 !important;
			}
			 
		}
		.confirm-invite{
			width: 320rpx;
			height: 100rpx;
			background: #22de7c;
			border-radius: 50rpx;
			color: #FFFFFF;
			font-size: 32rpx;
			text-align: center;
			line-height: 100rpx;
			margin: auto;
		}
	}
	 
	.create-modal{
		
	}
	.input-txt{
		width: 444rpx;
		height: 50px;
		 padding-left: 20rpx;
		border-radius: 16rpx;
		background: #eeeeee;
		margin: 30rpx;
	}
	.btn-close{
		width: 220rpx;
		height: 88rpx;
		background: #eeeeee;
		border-radius: 44rpx;
		color: #222222;
		font-size: 32rpx;
		text-align: center;
		line-height: 88rpx;
		margin: auto;
	}
	.btn-submit{
		width: 220rpx;
		height: 88rpx;
		background: #3894FF;
		border-radius: 44rpx;
		color: #FFFFFF;
		font-size: 32rpx;
		text-align: center;
		line-height: 88rpx;
		margin: auto;
	}
 
 
}
	